/* (주)한신정보기술 OOO - 2014.04.01 */ #board {width:100%; max-width:720px; margin:0 auto} #board table caption {display:none;} #board table{border-collapse: collapse;} #board img, #board input, #board select {vertical-align:middle;} #banner img, #banner input, #banner select {vertical-align:middle;} #sub_sns_box { height:30px; width:100%; margin:0 0 10px 0; display:inline-block; position:relative;} #contents #sub_sns_box h2 {float:left; padding:0px; margin:0px; background:none; position:absolute; top:0px; right:151px;} #sub_sns_box p {float:left; position:absolute; top:0px; right:0px;} #sub_sns_box p a {float:left;} /* 게시판 상단박스 */ span.bl { background: url('/common/images/sub/bu_li1.gif') no-repeat 2em 5px; padding:0 0 0 2.7em;} #board .board_text_box {border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; width:668px; padding:15px 25px; margin:0 0 10px 0; display: inline-block;} #board .board_text_box h2 {background:url('../images/board/board_box_h2.gif') no-repeat left 5px; font-size:15px; margin:10px 0; } #board .board_text_box p {letter-spacing:0px; font-size:13px;} #board .board_text_box .dot {margin:10px 0;} #board .board_text_box2 {background:#f5f5f5; padding:15px 20px; margin:10px 0 0 0;} /* 컨텐츠 7296 fix */ .board_fix th {word-break : keep-all;} /* 게시판 탑박스 */ .board_top {margin:10px 0;} .board_top .left {} .board_top .right {} .board_top .right .rss {margin:0 5px 0 0;} .board_top .right span {font-size:11px;} .board_top .right span em {color:#e83f04; font-weight:bold;} /* 일반게시판 - 목록 */ #board table.bbs_default_list.work_table td.work{text-align:left;} #board table.bbs_default_list {width: 100%; margin:0; border-top:2px solid #333} #board table.bbs_default_list thead{ background:url('../images/board/board_th_bg.gif') repeat-x center bottom;} /*#board table.bbs_default_list thead { border-bottom:1px solid #999;}*/ #board table.bbs_default_list thead th {padding:7px 0 8px; font-size:13px;} #board table.bbs_default_list thead.th th.last{} /*20150224 padding 좌우값 수정 (10px -> 5px)*/ #board table.bbs_default_list tbody.tb td {padding:8px 5px 7px; border-bottom: 1px solid #e7e7e7;text-align:center;} #board table.bbs_default_list tbody.tb td img {vertical-align:middle} #board table.bbs_default_list tbody.tb td img.reply {margin:0 5px 0 0;} #board table.bbs_default_list tbody.tb td img.new {margin:0 0 0 5px;} #board table.bbs_default_list tbody.tb td.subject{text-align:left} #board table.bbs_default_list tbody.tb td .new_comment{color:#1a72be;font-weight:bold;} #board table.bbs_default_list tbody.tb td .comment{color:#1a72be;} #board table.bbs_default_list tbody.tb td.gray{color:#777;} #board table.bbs_default_list .notice td.subject{font-weight:bold;} #board table tbody.tb .miwon_p {width:80px; display:block; word-break:break-all; white-space:pre-line} /* 목록 - 카테고리, 페이지수 */ #board .category input{vertical-align:top} #board .category .ctg_left {float:left; text-align:left;} #board .category select{font-size:1em;width:120px;height:20px} #board .category select optgroup{color:#387cc5;font-style:inherit; } #board .category select option{color:#444} #board .category .ctg_right {float:right; text-align:right;margin-right:5px} #board .category .board_dot{padding:0 0 0 11px;background: url('../images/board/dot.gif') no-repeat 0 1px;} #board .category .small{font-size: 0.92em;;letter-spacing:-1px} #board .page_move {width: 100%; border-top:1px solid #e7e7e7; } #board .page_move th {padding:7px 0 8px; font-size:13px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background:#f7f7f7;} #board .page_move td {padding:8px 10px 7px; text-align:left; border-bottom: 1px solid #e7e7e7;} /* 목록 - 페이징 */ #board .pagination {padding:7px 0; margin:0; text-align:center;} #board .pagination img { border:0;} #board .pagination a, #board .pagination strong { position:relative; display:inline-block; text-decoration:none;line-height:12px; font-family:Tahoma, Sans-serif; font-size:0.9em;vertical-align:middle;padding:2px 5px;background:#fff;border:solid 1px #fff;} #board .pagination span a:hover, #board .pagination span a:active, #board .pagination span a:focus {border:1px solid #1e82f8 !important; color:#1e82f8} #board .pagination strong {padding:1px 5px;background:#666;border:2px solid #666 !important; color:#fff !important;} #board .pagination a.prev, #board .pagination a.prevEnd, #board .pagination a.next, #board .pagination a.nextEnd { white-space:nowrap;line-height:12px; border:none; padding:0px; } /* 목록 - 검색 */ #board .boardsearch{ border:1px solid #d0d0d0; padding:17px 0; margin:10px 0;} #board .boardsearch fieldset{border:0; position:relative; clear:both; text-align:center;} #board .boardsearch fieldset *{ vertical-align:middle;} #board .boardsearch legend{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;} #board .boardsearch select{ font-size:12px; height:21px; border:1px solid #ccc;} #board .boardsearch span{display:inline-block;padding:1px;background: url('../images/board/search_input.gif') no-repeat 0 1px;} .portal #board .boardsearch span{background-position:0 1px} .portal #board .boardsearch span.normal { background:0; } #board .boardsearch .inputText{ width:150px; height:19px; padding:0; font-size:12px; border:1px solid #d9d9d9; background:#f8f8f8} #board .boardsearch .button input{vertical-align:top} #board .boardsearch .text {height:13px; border:1px solid #ccc;} #board .schedule_srch .boardsearch {text-align:right; margin:0 15px 5px 0;} #board .schedule_srch .boardsearch .inputText{border:none; width:80px; height:18px; padding:0; font-size:12px; color:#666;} #board .schedule_srch .boardsearch .inputText2{width:80px; height:18px; padding:0; font-size:12px; color:#666; border:1px solid #dfdfdf;} /* 목록 - 엑셀 다운로드 */ #board .bbs_download{position:relative;margin:25px 0 10px;border:solid 3px #e8e8e8;padding:10px;} #board .bbs_download input{vertical-align:middle;} #board .bbs_download select{vertical-align:middle;font-size:1em} #board .bbs_download .excel_btn{position:absolute;right:20px;top:7px} /* 목록 - 버튼 */ #board .boardNavigation {position:relative; padding:10px 0; text-align:center;} #board .boardNavigation .pagination { padding:10px 0 15px;} #board .boardNavigation .buttonLeft { float:left; text-align:left;} #board .boardNavigation .buttonRight { float:right; text-align:right;} #board .admin_btn{padding:0 0 10px} /* 일반게시판 - 상세보기 */ #board table.bbs_basic {width: 100%; margin:0; border-top:2px solid #333;} #board table.bbs_basic tbody.tb td {padding: 7px 6px 5px; border-bottom: 1px solid #e7e7e7; font-size:1.05em;} #board table.bbs_basic tbody.tb th {padding: 7px 6px 5px; border-bottom: 1px solid #e7e7e7; font-size:1.05em; background: #f7f7f7;} #board table.bbs_basic tbody.tb td.subject{padding: 6px 6px 5px;font-weight:bold;color:#000;background: url('../images/board/th_bg_right.jpg') no-repeat right top;} #board table.bbs_basic tbody.tb img {margin:0 5px 0 0; vertical-align:middle} #board table.bbs_basic tbody.tb td.board_text_td {padding:20px 10px;} #board table.bbs_basic input {vertical-align:middle; margin:0 5px 0 0; border:1px solid #efefef;} #board table.bbs_basic input.text {height:13px; margin:0 5px 0 0;} /* 일반게시판 - 민원답변 */ #board table.bbs_basic_minwon {width: 100%; margin:20px 0 0;} #board table.bbs_basic_minwon tbody{border-top: 1px solid #e7e7e7;} #board table.bbs_basic_minwon tbody td {padding: 6px 6px 3px; border-bottom: 1px solid #e7e7e7;} #board table.bbs_basic_minwon tbody th {padding: 4px 6px 3px; border-bottom: 1px solid #e7e7e7;font-size:0.9em; background: url('../images/board/th_line.jpg') no-repeat right 6px} #board table.bbs_basic_minwon tbody td.subject{padding-left:13px;font-weight:bold;color:#1d62cd;background:#f9f9f9} #board table.bbs_basic_minwon tbody td.substance{padding:20px 10px;border-bottom:none} /* 일반게시판 - 민원답변처리(관리자) */ #board table.bbs_basic_minwonflow {width: 100%; margin:20px 0;border-top:solid 1px #b5b5b5;border-bottom:solid 1px #b5b5b5; } #board table.bbs_basic_minwonflow tbody th {padding: 7px 6px 6px 20px;text-align:left; border-bottom: 1px solid #e7e7e7;font-size:0.9em;background:#f7f7f7} #board table.bbs_basic_minwonflow tbody th span{color:#ed1c24;font-weight:normal} #board table.bbs_basic_minwonflow tbody td {padding: 7px 6px 6px; border-bottom: 1px solid #e7e7e7;} #board table.bbs_basic_minwonflow tbody select{font-size:1em;border:solid 1px #ccc;} #board table.bbs_basic_minwonflow tbody textarea{font-size:1em;width:606px;border:solid 1px #ccc;} #board table.bbs_basic_minwonflow tbody input.subject{width:600px;padding:3px;border:solid 1px #ccc;} #board table.bbs_basic_minwonflow tbody input.txt{width:400px;padding:3px;border:solid 1px #ccc;} /* 일반게시판 - 상세보기 - 이전글 다음글 */ #board table.bbs_nav {width: 100%; margin:0;border-top:solid 1px #a9a9a9;border-bottom:solid 1px #a9a9a9;} #board table.bbs_nav tbody td {padding: 8px 6px 7px;} #board table.bbs_nav tbody th {background:#f9f9f9;padding: 8px 6px 7px;} #board table.bbs_nav .first{border-bottom: 1px solid #e7e7e7;} #board table.bbs_nav .write_info{float:right; color:#666;width:180px;padding: 8px 6px 7px; text-align:right;height:15px} #board table.bbs_nav .write_info span{color:#a0a0a0;} /* 댓글 */ #board .feedbackList{margin:20px 0 20px 0; width:98%; padding:0 1%;} #board .replyList li {width:100%; display:inline-block; font-size:13px; padding:0 0 15px 0; float:left; letter-spacing:0px;} #board .replyList .name {color:#2b609c; font-weight:bold; float:left;} #board .replyList ul li div {float:left; width:550px; margin:0 0 0 20px} #board .replyList .time{color:#999; float:right;} #board .replyList .delete{position:static; right:7px;top:4px; color:#9d2626; font-size:11px} #board .replyList .rep_counter {color:#959595; font-size:11px; margin:0 0 0 10px} #board .replyList .text {} #board .replyList ul li ul { padding:0 0 0 14px; float:left; background:url('../images/board/rep_ul_bg.gif') no-repeat left top; margin:15px 0 0 40px} #board .replyList ul li ul li {padding:8px 15px 8px 15px; width:640px; margin:0px; background:#f7f7f7;} #board .replyList ul li ul li div {float:left; width:490px; margin:0 0 0 20px} rep_ul_bg.gif /* 게시글 이동 */ .bbs_move{margin-top:30px;border:solid 3px #e8e8e8;padding:7px 10px;} .bbs_move form{margin:3px 0;} .bbs_move select{width:150px;font-size:1em;margin:0 5px} .bbs_move input{vertical-align:top} /* 일반게시판 - 글쓰기 */ #board p.write_txt{margin-left:20px;padding:0 0 5px 20px; font-size:0.95em;background:url('../images/board/dot_arrow_blue.gif') no-repeat 0 1px} #board p.write_txt span{color:#ed1c24} #board table.bbs_write {width: 100%; margin:0;border-top:solid 2px #333;border-bottom:solid 2px #b5b5b5; } #board table.bbs_write tbody.write th {padding: 7px 6px 6px 20px;text-align:left; border-bottom: 1px solid #e7e7e7;font-size:0.9em;background:#f7f7f7} #board table.bbs_write tbody.write th span{color:#ed1c24;font-weight:normal} #board table.bbs_write tbody.write td {padding: 7px 6px 6px; border-bottom: 1px solid #e7e7e7;} #board table.bbs_write tbody.write select{font-size:1em;border:solid 1px #ccc;} #board table.bbs_write tbody.write textarea{font-size:1em;width:606px;border:solid 1px #ccc;} #board table.bbs_write tbody.write input.subject{width:600px;padding:3px;border:solid 1px #ccc;} #board table.bbs_write tbody.write input.txt{width:300px;padding:3px;border:solid 1px #ccc;} /* 민원게시판 - 카테고리선택 영역 */ #board table.bbs_write tbody.write .category{padding:0} #board table.bbs_write table.bbs_category {width: 100%; margin:0;} #board table.bbs_write table.bbs_category tbody th {padding: 7px 6px 6px 20px;text-align:left;font-weight:normal;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-size:1em;background:none} #board table.bbs_write table.bbs_category tbody td {padding: 7px 6px 6px; border-bottom: 1px solid #e7e7e7;} #board table.bbs_write table.bbs_category tbody select{font-size:1em;border:solid 1px #ccc;} #board table.bbs_write table.bbs_category tbody textarea{font-size:1em;width:606px;border:solid 1px #ccc;} /* 포토게시판 기본 - 리스트 */ #board #photo_list {border-top:solid 2px #333; border-bottom:1px solid #ababab; width:100%;} /* background: url('../images/board/photo_line.gif') */ #board #photo_list ul li{float:left;display:inline;margin:19px 0 18px;width:25%;text-align:center} *:first-child+html #board #photo_list ul li{width:24%;margin:0;padding:16px 3px 17px 3px;} #board #photo_list ul li a{display:block;text-decoration:none;margin:0;text-align:center} #board #photo_list ul li span{display:block;text-align:left;line-height:1.5em;text-align:center} #board #photo_list ul li .photo{display:block;height:105px;line-height:113px;} #board #photo_list ul li .photo img{vertical-align:bottom;} #board #photo_list ul li .title{color:#464646;padding:3px 0 0; font-size:14px;} #board #photo_list ul li .author{font-size:0.9em;color:#727272} #board #photo_list ul li .date{font-family:Tahoma, Sans-serif; font-size:0.9em;color:#727272} #board #photo_list .down_file {display:block;height:20px;text-align:center} #board #photo_list.webzine ul li .photo{height:200px;line-height:200px;} /* 모바일 세로 */ @media all and (max-width:480px) { #board #photo_list ul li{width:50%;} } /* 포토게시판 - 레이어 */ #board #photo_layer {} #board #photo_layer h2{background: url('../images/board/th_bg.jpg') no-repeat left top;} #board #photo_layer h2 span{display:block;padding:8px 0 12px 12px;margin:0 0 10px;font-weight:bold;color:#464646;background: url('../images/board/th_bg_right.jpg') no-repeat right top;} #board #photo_layer .photo_left{float:left;display:inline;} #board #photo_layer .large {width:590px;height:332px;line-height:332px;line-height:304px;border:5px solid #e1e1e1;text-align:center;vertical-align:middle} #board #photo_layer .large:after {content: " ";margin-left: -0.1em;white-space: pre;} #board #photo_layer .large img{} #board #photo_layer .photo_right{float:right;display:inline;} #board #photo_layer .thumb {width:143px;font-size:0;line-height:0;padding:0;margin:0} #board #photo_layer .thumb li{float:left;display:inline;margin: 0 0 5px 5px;border:solid 1px #e1e1e1;} #board #photo_layer .thumb li a{display:block;width:40px;text-decoration:none;margin:0;text-align:center} #board #photo_layer .thumb li a .on {border:2px solid #1a4ad3;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} *:first-child+html #board #photo_layer .thumb li a img.on{width:36px;height:36px} #board #photo_layer .substance{border-top:1px solid #efefef;border-top:1px solid #efefef;background:#f7f7f7;padding:17px} #board #photo_layer .photo_right .pagination {background:none;border:none;padding-top:2px} *:first-child+html #board #photo_layer .photo_right .pagination {padding-top:7px} /* FAQ - 리스트 */ #board #faq_list {margin:0; border-top: 2px solid #333;} #board #faq_list dl dt {padding-left:15px; border-bottom:1px solid #e7e7e7; background:url('../images/board/ico_faq_q.gif') no-repeat 15px center;} #board #faq_list dl dt span {display:block; padding:7px 20px 7px 42px; background:url('../images/board/ico_close.gif') no-repeat right center} #board #faq_list dl dt span.open{ background:url('../images/board/ico_open.gif') no-repeat right center} #board #faq_list dl dd {padding:10px 20px 8px 57px; background:#f7f7f7 url('../images/board/ico_faq_a.gif') no-repeat 15px 12px;border-bottom:1px solid #d5d4de;text-align:justify} #board #faq_list .qna_btn{padding:5px 0;text-align:right;} #board #faq_list .qna_btn img{vertical-align:middle} /* 뉴스게시판 - 리스트 */ #board ul.news_board {margin:0; border-top: 2px solid #333;} #board ul.news_board li {width:100%;padding:15px 0; border-bottom:1px solid #e8e8e8;} #board ul.news_board dl {position:relative; } #board ul.news_board dl dt {font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:20px; } #board ul.news_board dl dt a {color:#464646;text-decoration:none} #board ul.news_board dl dt a:hover {color:#216fd1;} #board ul.news_board dl dt.subject{margin-bottom:5px} #board ul.news_board dl .photo{position:relative; float:left; display:inline; margin:2px 15px 0 0;} #board ul.news_board dl dd a {color:#727272 !important;} #board ul.news_board dl dd .author {margin-top:15px;font-size:0.9em;color:#727272} /* 동영상 */ #board h2.movie_title{margin-left:35px} #board #moviebox {margin:0 0 10px; background:url('../images/board/moviebox_bg.jpg') no-repeat ;} #board #moviebox .movie {float:left; width:365px;padding:13px 0 0 49px} #board #moviebox .movie_error {margin-top:40px;color:#545454} #board #moviebox .movie_error a{color:#fff;} #board #note {float:right; width:260px; background:url('../images/board/movie_note_bg.gif') no-repeat ;} #board #note h3{margin:6px 0 0 20px} #board #note #note_subject {margin:10px 4px 5px; height:270px; overflow:auto; padding:5px;} #board .movieinfo{margin:46px 0 0 15px;} #board #note .movieinfo h3{margin:0} #board .movieinfo ul {margin:10px 0 10px 5px;} #board .movieinfo ul li {margin:0;font-size:0;line-height:0;margin-bottom:2px;} #contents .mesae_box {padding:7px 0 28px 185px; background:url('/common/images/board/mesae_bg.gif') no-repeat 20px 10px;} #contents .mesae_box p.big {font-size:20px; font-weight:600;} #contents .mesae_box p.big span {color:#d93e22;} #colgroup #contents .mesae_service { background:url('/common/images/board/site_link_box_bg_msn.gif') no-repeat 20px top;} #contents .agree_check_box {width:94%; display:block; height:50px; margin:10px 0 0 0; padding:0 3%;} #contents .agree_check_box .right input{margin:0 3px;} #contents .agree_check_box .left {margin:7px 0 0 0;} #contents .bd_box2:after { display:block; content:''; clear:both;} #contents .myapple.bd_box2 {margin:0 0 10px 0;} #contents .myapple.bd_box2 h3{float:left; margin: 1.35em 0 0.8em 0.9em; padding: 0 0 0 15px; background: url("/common/images/sub/h3bg.gif") no-repeat scroll left 6px ;} #contents .myapple.bd_box2 ul {background: url("/common/images/board/line_cr.gif") repeat-y scroll left top; float: left; margin: 1em 0 0.5em 3.2em; padding: 0 0 0 50px; width: 400px;} #contents .apple_input_form1 {width:100%; border-bottom:1px dashed #ccc; padding:10px 0; margin:0 0 8px 0; display:inline-block;} #contents .apple_input_form1 dt, #contents .apple_input_form2 dt {background:url('/common/images/board/apple_dt_bg.gif') no-repeat 6px 5px; float:left; width:80px; float:left; color: #575757; font-size: 14px; font-weight: 600; height: auto; line-height: 1.25; padding: 0 0 0 20px; float: left; margin:1px 15px 0 0; text-align: left; } #contents .apple_input_form2 dd {margin:0 40px 0 0;} #contents .apple_input_form2 {width:100%; border-bottom:1px dashed #ccc; padding:10px 0; margin:0 0 8px 0; display:inline-block;} #contents .apple_input_form1 dd, #contents .apple_input_form2 dd {float:left;} #contents .apple_input_form1 p {margin:0 0 3px 2px;} #contents .apple_input_form1 input.text, #contents .apple_input_form2 input.text {height:13px; border:1px solid #ccc; background:#f8f8f8;} .textarea_box textarea {border:1px solid #ccc; background:#F8F8F8} #contents table.table_t1 img {vertical-align:middle;} #contents .name_check_box {background:url('/common/images/board/name_check_box.gif') no-repeat left top; padding:30px 0 30px 210px;} #contents .name_check_box input {margin:0 0 0 10px;} #contents .reply_box {width:710px; background:#f6f6f6; padding:10px 0 10px 10px; display:inline-block; height:100px; position:relative;} #contents .reply_box textarea {height:94px; width:575px; border:1px solid #e7e7e7;} .btn_re {width:118px; height:118px; position:absolute; top:0px; right:0px; background:#2b609c; border:1px solid #1c426c;font-family: 'Nanum Gothic'; color:#fff; font-size:14px; font-weight:bold} #contents #board .reply_box_under {width:660px; background:#f6f6f6; padding:10px 0 10px 10px; display:inline-block; height:100px; position:relative; margin:0px;} #contents #board .reply_box_under textarea {height:94px; width:520px; border:1px solid #e7e7e7;} .btn_re {width:118px; height:118px; position:absolute; top:0px; right:0px; background:#2b609c; border:1px solid #1c426c;font-family: 'Nanum Gothic'; color:#fff; font-size:14px; font-weight:bold} /* 버튼들 */ .blue_btn {background:#2b609c; height:20px; border:1px solid #1c426c; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 13px; margin: 0 2px; padding: 4px 5px; text-align: center; vertical-align: middle;} .gray_btn {background:#686868; height:20px; border:1px solid #4e4e4e; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 13px; margin: 0 2px; padding: 4px 5px; text-align: center; vertical-align: middle;} .blue_btn .downicon, .blue_btn .fileicon, .blue_btn .winicon { padding:2px 30px 2px 10px; } .gray_btn .downicon, .gray_btn .fileicon, .gray_btn .winicon { padding:2px 30px 2px 10px; } .blue_btn_big {background:#2b609c; border:1px solid #1c426c; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 15px; letter-spacing:-1px; margin: 0 2px; padding:3px 25px 5px 15px; text-align: center; vertical-align: middle;} .gray_btn_big {background:#686868; border:1px solid #4e4e4e; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 15px; letter-spacing:-1px; margin: 0 2px; padding:3px 25px 5px 15px; text-align: center; vertical-align: middle;} .green_btn {background:#2b9c32; border:1px solid #266b2a; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 13px; margin: 0 2px; padding: 4px 5px; text-align: center; vertical-align: middle;} .red_btn {background:#9c2c2b; border:1px solid #6f2a29; color:#fff; display:inline-block; color: #fff; cursor: pointer; font-size: 13px; margin: 0 2px; padding: 4px 5px; text-align: center; vertical-align: middle;} .gray_btn a, .blue_btn a, .red_btn a, .green_btn a{background: none; color: #fff; cursor: pointer; float: left; font-family: 'Nanum Gothic'; font-size: 13px; vertical-align: middle;} a.gray_btn , a.blue_btn, a.red_btn, a.green_btn{height:auto} .gray_btn input, .blue_btn input, .green_btn input, .red_btn input{background: none; color: #fff; cursor: pointer; float: left; font-family: 'Nanum Gothic'; font-size: 13px; vertical-align: middle;} .gray_btn span, .blue_btn span, .blue_btn_big span, .gray_btn_big span{color:#fff;} .blue_btn_big span, .gray_btn_big span{font-weight:bold} .gray_btn span.winicon, .blue_btn span.winicon {vertical-align:top; background:url('/common/images/sub/new_win_white.gif') no-repeat right center; font-weight:bold;} .gray_btn span.fileicon, .blue_btn span.fileicon {vertical-align:top; background:url('/common/images/sub/file_white.gif') no-repeat right center; font-weight:bold;} .gray_btn_big span.winicon, .blue_btn_big span.winicon {vertical-align:top; background:url('/common/images/sub/new_win_white.gif') no-repeat right center; font-weight:bold; display:inline} .gray_btn_big span.fileicon, .blue_btn_big span.fileicon {vertical-align:top; background:url('/common/images/sub/file_white.gif') no-repeat right center; font-weight:bold;} .btn_center {margin:15px auto 0; width:100px} .site_link_box_btn {display:inline-block; margin:0 auto; width:100%} .site_link_box_btn li {display:inline;} .site_link_box_btn li a {margin:0 1px 3px 1px;} .button {border:1px solid #a7a7a7; background:url('../images/board/btn_bg.gif') repeat-x center bottom; padding:5px 7px; font-size:13px; text-align:center; color:#4a4a4a; display: inline-block; vertical-align:middle; margin:0 2px; cursor:pointer} .button input { background:none; font-size:13px; font-family:'Nanum Gothic'; color:#4a4a4a; vertical-align:top; float:left; cursor:pointer; height:20px;} .button a { background:none; font-size:13px; font-family:'Nanum Gothic'; color:#4a4a4a; vertical-align:middle; float:left; cursor:pointer; height:20px} .button a.winicon {background:url('/common/images/sub/text_btn_win_bg.gif') no-repeat right center; } .button a.downicon {background:url('/common/images/sub/text_btn_down_bg.gif') no-repeat right center; } .button a.fileicon {background:url('/common/images/sub/text_btn_file_bg.gif') no-repeat right center; } .download_btn {display:inline-block; margin:2px; border-right:2px solid #15438b; border-bottom:2px solid #15438b; border-top:1px solid #4d78bc; border-left:1px solid #4d78bc; background:url('/common/images/sub/text_btn_bg.gif') repeat-x left bottom; font-size:13px; font-weight:600;} .downicon { display:inline-block; background:url('/common/images/sub/text_btn_down_bg.gif') no-repeat right center; padding:8px 50px 8px 15px; vertical-align:middle; color:#0f4076; } .fileicon { display:inline-block; background:url('/common/images/sub/text_btn_down_bg.gif') no-repeat right center; padding:8px 50px 8px 15px; vertical-align:middle; color:#0f4076;} .winicon { display:inline-block; background:url('/common/images/sub/text_btn_win_bg.gif') no-repeat right center; padding:8px 50px 8px 15px; vertical-align:middle; color:#0f4076; } /* 동영상 */ .movie_box {width:360px; float:left; margin:15px 0 0 0} .movie_box a { display:inline-block; line-height:30px; padding:0 40px 0 15px; border:1px solid #ccc; background:url('../images/board/banner_new_win.gif') no-repeat 95% center; margin:0 0 3px 0; } .movie_text {width:300px; height:230px; float:left; margin:0 0 0 20px;} .movie_text .scroll_box{width:250px; height:160px; border:1px solid #ececec; float:left; padding:10px 15px;} #contents div#board #qna_list {margin:10px 0; border-top:1px solid #e3e3e3; } #contents div#board #qna_list dl dt {padding:15px 20px; border-bottom:1px solid #e3e3e3; background:#fff;} #contents div#board #qna_list dl dt span.title {float:left; color:#959595;} #contents div#board #qna_list dl dt span.info { padding:0 0 0 20px; margin:0 0 0 20px; background:url('/common/images/board/qna_dt_bg.gif') repeat-y left top;} #contents div#board #qna_list dl dt span.info a {color:#525252;} #contents div#board #qna_list dl dd {padding:15px 20px; background:#f8f8f8;} #contents div#board #qna_list dl dd.title {display:none;} #contents div#board #qna_list .qna_btn{padding:5px 0;text-align:right;} #contents div#board #qna_list .qna_btn img{vertical-align:middle} #board_password_insert {background:url('/common/images/board/pass_word_bg.gif') no-repeat left top; padding:70px 0 100px 310px; width:410px;} #board_password_insert .title {margin:15px 0 15px 0;} #board_password_insert input.text {width:210px;height:35px; margin:0 0 0 30px;} #bbsNtt {margin:20px 0 0 0;} /*로그인*/ /*2016-05-18 박송현 추가*/ /*입시쪽 로그인과 대표쪽로그인 css 소스는 같으나 파일이 다릅니다. 고치실때 같이 고쳐주세요*/ #contents #login h2 { display:none; padding-bottom:30px; border-bottom:1px solid #d5d5d5; font-size:30px; line-height:35px;} #login .tit_area { padding:45px 0; text-align:center;} #login .tit_area p.tit { padding:30px 0; font-size:30px; font-weight:600; color:#1c55a1; line-height:40px;} #login .tit_area p.tit em { color:#0ab5bb;} #login .tit_area p.text { font-size:18px; color:#333333;} #login { margin:0 auto; width:1000px; max-width:100%; word-break:keep-all; font-size:15px;} #login .login_cont {background:#fdfdfd; border-top:4px solid #5a5a5a; border-bottom:1px dotted #dadada; text-align:center; } #login .login_cont .loginForm { display:inline-block; padding:50px 0 50px 100px; background:url(/common/images/board/login_contbg.gif) no-repeat left center; text-align:left;} #login .loginForm p { margin-top:10px;} #login .loginForm p:first-child { margin-top:0;} #login .loginForm label { display:inline-block; float:left; width:60px; font-size:13px; color:#000; line-height:37px;} #login .loginForm input.text { float:left; padding:5px 5px; width:250px; height:21px; border:1px solid #cbcbcb; border-radius:5px;} #login .loginForm div { float:left;} #login .loginForm .btn input[type="button"] { margin-left:15px; display:inline-block; width:113px; height:79px; background:#133e79; color:#fff; font-weight:600; font-size:18px; border-radius:7px; font-family:'NanumG';} #login .colgroup { margin-bottom:30px; padding:20px 15%; border-bottom:4px solid #5a5a5a; font-size:15px; color:#333;} #login .colgroup div { float:left; padding:90px 0 40px; width:33%; text-align:center;} #login .colgroup div.find_id { background:url(/common/images/board/find_id.gif) no-repeat center 20px;} #login .colgroup div.find_pw { background:url(/common/images/board/find_pw.gif) no-repeat center 20px;} #login .colgroup div.find_mo { background:url(/common/images/find_mobile.gif) no-repeat center 20px;} #login .colgroup div a { display:inline-block; margin-top:20px; padding:10px 20px; background:#1864b9; border-radius:5px; color:#fff; line-height:21px;} #contents #login .bu li { margin: 0; padding: 3px 0 3px 24px; list-style: none; background: url('/site/ipsi/images/sub/bu_li1.png') no-repeat left 6px;} @media screen and (max-width:640px){ #login .login_cont .loginForm { padding:20px 10% 20px 18%; width:78%; background-size:40px auto; background-position: 4% center;} #login .login_cont .loginForm .input_group { width:75%;} #login .login_cont .loginForm .input_group label { margin-right:5%; width:23%;} #login .login_cont .loginForm .input_group input.text { width:65%;} #login .loginForm .btn { margin-left:2%; width:20%;} #login .loginForm .btn input[type="button"] { margin:0; width:100%; font-size:15px;} #login .colgroup { padding:20px 5%; }